<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>proton.js stopwatch implementation</title>
</head>
<body>
    <div id="target"></div>
    <div id="template" style="display:none;">
        <div class="stopwatch">
            <span class='hours'></span>:<span class='minutes'></span>:<span class='seconds'></span>:<span class='hundredths'></span><button class="start-stop">Start</button><button class="reset">Reset</button>
        </div>
    </div>
    <div id="scripts" style="display:none;">
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.js"></script>
        <script type="text/javascript" src="http://proton-js.googlecode.com/files/proton-0.5.js"></script>
        <script type="text/javascript" src="models/clock/clock.js"></script>
        <script type="text/javascript" src="models/clock/stopwatch.js"></script>
    </div>
<script type="text/javascript">
    var gStopwatch = new Stopwatch();
    $("#target").append(gStopwatch.getView().getEl());
</script>
</body>
</html>